function mana_bar_middle(){
	mana_bar();
	$("#mbri").html("<div id='buy_form'></div>");
}

function mana_bar() {
	var bad_quantity1 = $("#bad_quantity1").val();
	var bad_quantity2 = $("#bad_quantity2").val();
	var bad_quantity11 = $("#bad_quantity11").val();
	var bad_quantity22 = $("#bad_quantity22").val();
	var bad_quantity3 = $("#bad_quantity3").val();
	var bad_quantity4 = $("#bad_quantity4").val();
	
	var production_bad_quantity = $("#production_bad_quantityf").val();
	var production_total_quantity = $("#production_total_quantity1").val();
	var workorder_quantity = $("#workorder_quantity1").val();
	var workorder_badquantity = $("#workorder_badquantity1").val();
	
	chart = new Highcharts.Chart({
		chart : {
			renderTo : 'mana_charts'
		},
		title : {
			text : '공정별 수불현황'
		},
		xAxis : {
			categories : [ '1공정', '2공정', '3공정', '4공정' ]
		},
		tooltip : {
			formatter : function() {
				var s;
				if (this.point.name) { // the pie chart
					s = '' + this.point.name + ': ' + this.y + ' 개';
				} else {
					s = '' + this.x + ': ' + this.y;
				}
				return s;
			}
		},
		labels : {
			items : [ {
				html : '총 수불현황',
				style : {
					left : '40px',
					top : '8px',
					color : 'black'
				}
			} ]
		},
		series : [
				{
					type : 'column',
					name : '불량',
					data : [ parseInt(bad_quantity1), parseInt(bad_quantity2),
							parseInt(bad_quantity3), parseInt(bad_quantity4) ]
				},
				{
					type : 'column',
					name : '재공',
					data : [ parseInt(bad_quantity11),
							parseInt(bad_quantity22), parseInt(bad_quantity3),
							parseInt(bad_quantity4) ]
				},
				{
					type : 'column',
					name : '폐기',
					data : [
							parseInt(bad_quantity1) - parseInt(bad_quantity11),
							parseInt(bad_quantity2) - parseInt(bad_quantity22),
							0, 0 ]
				},
				{
					type : 'pie',
					name : 'Total consumption',
					data : [
							{
								name : '불량',
								y : parseInt(bad_quantity1)
										+ parseInt(bad_quantity2)
										+ parseInt(bad_quantity3)
										+ parseInt(bad_quantity4),
								color : '#4572A7' // Jane's color
							},
							{
								name : '재공',
								y : parseInt(bad_quantity11)
										+ parseInt(bad_quantity22)
										+ parseInt(bad_quantity3)
										+ parseInt(bad_quantity4),
								color : '#AA4643' // John's color
							},
							{
								name : '폐기',
								y : parseInt(bad_quantity1)
										- parseInt(bad_quantity11)
										+ parseInt(bad_quantity2)
										- parseInt(bad_quantity22),
								color : '#89A54E' // Joe's color
							} ],
					center : [ 100, 80 ],
					size : 100,
					showInLegend : false,
					dataLabels : {
						enabled : false
					}
				} ]
	});

	chart = new Highcharts.Chart({
		chart : {
			renderTo : 'mana_charts2',
			type : 'column',
			marginRight : 110,
			marginLeft : 60,
			marginTop : 50,
			marginBottom : 25
		},
		title : {
			text : '',
			x : -20, // center
			y : 10
		},
		subtitle : {
			text : '완성실적',
			x : -20
		},
		xAxis : {
			title : {
				text : ''
			},
			categories : [ '완성 현황', '수불 현황' ]
		},
		yAxis : {
			title : {
				text : ''
			},
			plotLines : [ {
				value : 0,
				width : 1,
				color : '#808080'
			} ]
		},
		tooltip : {
			formatter : function() {
				return '<b>' + this.series.name + '</b><br/>' + this.x + ': '
						+ this.y;
			}
		},
		legend : {
			layout : 'vertical',
			align : 'right',
			verticalAlign : 'top',
			x : 0,
			y : 100,
			borderWidth : 0
		},
		series : [ {
			name : '목표',
			data : [ parseInt(workorder_quantity), parseInt(workorder_badquantity) ]
		}, {
			name : '생산',
			data : [ parseInt(production_total_quantity), parseInt(production_bad_quantity) ]
		} ]
	});
}
